// 第三步: 换肤的minxin
@import './themes.scss';

/* 
$name : blue、pink....
$map : (color:$blue,border:1px solid $blue,background:$blue),
$key:color、border、backgournd
$value：$blue，1px solid $blue、$blue

map函数 - map-get / map-keys...
@content  @minix {@content} = @include {}
(
        color:$blue,
        border:1px solid $blue,
        background:$blue
    ),
&  父级标识符 


*/
$themeColors:();
@mixin name {
    @each $name,$map in $colors {
        #{'.theme-' + $name} & {
            @each $key,$value in $map {
                $themeColors:map-merge($themeColors,($key:$value))!global;
            }
            @content;
        }
    }
}
@function themed($key){
    @return map-get($themeColors,$key)
}




